<!DOCTYPE html>
<html lang="en">
<head>
<title>意见反馈</title>
<meta charset="utf-8">
<link rel="icon" type="image/png" href="../staticFile/images/common/ico.png" sizes="32x32">
<link type="text/css" rel="stylesheet" href="../staticFile/css/common/common.css">
<link type="text/css" rel="stylesheet" href="../staticFile/css/common/footPage.css">
<style type="text/css">
input {height: 38px;background-color: #efefef;}
.main-div{text-align: left;}
.logo{padding-left:6%;}
.logo img{margin-top: -6px;}
.logo, strong {line-height: 38px;}
#ventFbContact{width: 514px;}
.main-div legend{color: #28a745;font-size: 26px;font-weight: bolder;float: right;margin-right: 50%;}
.fields{width: 88%;margin-left: 6%;font-size: 18px;margin-top: 18px;}
.main-div input{line-height: 22px;font-size: 18px;padding: 8px;}
.contact-content{margin-top: 10px;}
.contact-content textarea{width: 512px;height: 180px;background-color: #efefef;font-size: 18px;padding:8px;margin-left: -3px;}
.btn{line-height: 50px;font-size: 20px;margin-left: 88px;}
#ventFeedbackType{margin-top: 10px;}
#ventFeedbackType input{margin-top: 12px;margin-right:8px;height: auto;}
.row label{margin-top: 8px;position: absolute;}
#addImg{height: 120px;}
#add{display: inline-block;border: 2px solid #DEDEDE;cursor: pointer;}
#add:hover{border-color: #1e7e34;}
#add img{margin: 14px;}
.ul-img-list{margin-left: 100px;margin-top: -66px;}
.li-img-list-item{width: 96px;height: 96px;float: left;margin-right:8px;
    position: relative;display: inline-block;border: 1px dashed #DEDEDE;border-radius: 4px;background-color: #fff;vertical-align: middle;line-height: 150px;}
.li-img-list-item div {position: absolute;cursor: pointer;bottom: 0;text-align: right;width: 100%;line-height: 96px;}
#uploadImg{display: none;}
.word-num{margin-left: 490px;font-size: 16px;}
#wordNum{margin-left:0;font-size: 20px;}
.back{float: left;margin-top: 0px;margin-right: 18px;}
#errorMsg{margin-left: 88px;position:absolute;color: red;}
</style>
<script type="text/javascript" src="../staticFile/js/common/commonUtil.js"></script>
<script type="text/javascript" src="../staticFile/plugins/jquery/jquery-2.1.1.min.js"></script>
<script type="text/javascript" src="../staticFile/js/common/fileUpload.js"></script>
<script type="text/javascript" src="../staticFile/js/common/CheckUtil.js"></script>
<script type="text/javascript" src="../staticFile/js/ventPages/ventFeedback.js"></script>
</head>
<body>
<div class="main-div">
    <div class="logo">
        <a href="/">全民吐<img alt="吐槽标识" width="48" height="48" src="../staticFile/images/common/vent.png"/>槽</a>
        <legend>意见反馈</legend>
    </div>
    <div class="fields">
        <div>
            <strong>联系方式：</strong>
            <input id="ventFbContact" type="text" placeholder="请输入联系方式(电话/邮箱)" />
        </div>
        <div class="row" id="ventFeedbackType">
            <strong>反馈类型：</strong>
            <input type="radio" name="ventFeedbackType" value="0" checked>反馈
            <input type="radio" name="ventFeedbackType" value="1">投诉
            <input type="radio" name="ventFeedbackType" value="2">客服
            <input type="radio" name="ventFeedbackType" value="3">其它
        </div>
        <div class="row" id="addImg">
            <strong>添加图片：<div style="font-size: 16px;">(最多传5张)</div></strong>
            <form id="uploadImgForm" enctype='multipart/form-data'>
                <ul class="ul-img-list">
                    <li id="add" class="li-img-list-item" onclick="addImg()">
                        <img width="64" height="64" src="../staticFile/images/common/addImg.png">
                    </li>
                </ul>
                <input accept="image/*" type="file" id="uploadImg" onchange="addImgList(this,event)"/>
            </form>
        </div>
        <div class="contact-content">
            <strong>内&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;容：</strong>
            <textarea id="fbContent"></textarea>
            <div id="errorMsg"></div>
            <div class="word-num">还可写<span id="wordNum">300</span>个字</div>
        </div>
        <div>
            <!--<button class="btn back" onclick="javascript:history.back()">返&nbsp;&nbsp;回</button>-->
            <button id="btnSubmitFeedback" class="btn">提交反馈</button>
        </div>
    </div>
</div>
</body>
</html>